<template>
	<view>
		<view class="form">
			<u-form :model="form" ref="uForm" labelWidth="140">
				<u-form-item label="姓名">
					<u-input v-model="form.name" />
				</u-form-item>
				<u-form-item label="电话">
					<u-input v-model="form.intro" />
				</u-form-item>
				<u-form-item label="地址">
					<u-input v-model="form.intro" />
				</u-form-item>
				<u-form-item label="详细地址" :border-bottom="false">
					<u-input v-model="form.intro" type="textarea" />
				</u-form-item>
			</u-form>
		</view>
		
		<view class="btn">
			<view class="bc-btn-l fcc" @click="toPath">
				完成
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				form: {
					name: '',
					intro: '',
				},
			};
		}
	}
</script>

<style lang="scss" scoped>
	.btn {
		position: fixed;
		bottom: 38rpx;
		width: 100%;
		left: 0;
	
		.bc-btn-l {
			color: #FFF;
			width: 676rpx;
			height: 88rpx;
			margin: 0 auto;
			background: linear-gradient(147.27deg, #F1714E 0%, #E93E30 100%);
		}
	}
	
	.form {
		width: 100%;
		background-color: #FFF;
		border-radius: 10rpx;
		padding: 23rpx 30rpx;

		::v-deep .u-form-item {
			padding: 10rpx 0;
		}
	}
</style>
<style lang="scss">
	page {
		background-color: #F4F6F6;
		padding: 20rpx;
		box-sizing: border-box;
	}
</style>